<!--<template>
    <div>
        <el-button type="primary">123456</el-button>
        svg的使用
        &lt;!&ndash;svg固定语法&ndash;&gt;
       &lt;!&ndash; <svg style="width: 30px;height: 30px">
          <use xlink:href="#icon-collapse" fill="#bfa"  ></use>
        </svg>&ndash;&gt;
        <DefSvgIcon name="collapse" color="red"></DefSvgIcon>

        <div>
            <h1>123</h1>
        </div>
    </div>

</template>-->
<!--<script setup lang="ts">
    import http from "@/utils/request"
    import {onMounted} from "vue"
    onMounted(() => {
        console.log(http)
        http.myPost("/user/login",{username:"admin",password:"123456"}).then((res)=>{
            console.log(res)
        })
    })
</script>-->
<!--<style scoped lang="scss">
div{
    h1{
        color:$color
    }
}
</style>-->

<script setup lang="ts">
import { ElConfigProvider } from 'element-plus'
import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
import { ref } from 'vue'

const locale = ref(zhCn)
console.log('123')
</script>

<template>
  <el-config-provider :locale="locale">
    <router-view></router-view>
  </el-config-provider>
</template>

<style scoped lang="scss">
h1 {
  color: $color;
}
</style>
